$(function () {
    // 请求nav部分的数据
    $.ajax({
        url: 'http://193.112.55.79:9090/api/getbaicaijiatitle',
        type:'get',
        dataType:'json',
        success:function (res) {
            var htmlStr = template('navTmp_title', res)
            $('.lowPrice_nav .nav-tabs').html(htmlStr);

            // 根据每个li的宽度,动态的设置ul的宽度
            var lisWidth=0;
            $(".nav-tabs li").each(function () {
                lisWidth+=$(this).width();
            });
            $(".nav-tabs").width(lisWidth+3);
            var myscroll = new IScroll(".lowPrice_nav", {
                scrollX: true,
            })

            $('.lowPrice_nav ul li').eq(0).addClass('lowPrice_active');

        }
    })
    // 请求内容部分的数据
    $.ajax({
        url: 'http://193.112.55.79:9090/api/getbaicaijiaproduct?titleid=0',
        type: 'get',
        dataType: 'json',
        success: function (res) {
            var htmlStr = template('navTmp_content', res)
            $('.tab-content').html(htmlStr);
        }
    })

    // 点击后请求对应部分的数据
    $('.lowPrice_nav ul').on('click','li a',function () {
        //获取当前li对应的内容页,动态渲染
        var titleId = this.dataset.id;
        $.ajax({
            url:'http://193.112.55.79:9090/api/getbaicaijiaproduct?titleid='+titleId,
            type:'get',
            dataType:'json',
            success:function (res) {
                var htmlStr=template('navTmp_content',res)
                $('.tab-content').html(htmlStr);
            }
        })

        console.log($(this).parent());
        $(this).parent().addClass('lowPrice_active').siblings().removeClass('lowPrice_active');
    });

    $('.toTOP').on('click',function () {
        $('html').animate({ scrollTop: 0 }, 500);
    });
})